*{margin:0;padding:0;}
body{background-color:#000;}
body > * {background:none;}
body ul{background:#F5F5F5;}
body ul li a{text-decoration:none;}
ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select{color:#777777;display:inline-block;font-family:Helvetica;font-size:17px;margin-left:0;}
ul li input[type="text"], ul li input[type="password"], ul li textarea, ul li select{width:auto;border:1px solid #CCC;}
ul li a + a{display:inline;color:#4881DB;font-size:1em;}
img{border:0;}
ul{font-weight:normal;}
ul li{color:#000;list-style:none;border-top:1px solid #B4B4B4;}
ul.rounded{padding:0px 10px;}
ul.rounded li{}
ul.rounded li:first-child{padding-top:10px;border:0;}
ul.rounded li:last-child{padding-bottom:10px;}
ul li a, li.img a + a{color:#4881DB;text-decoration:underline;display:inline;}
ul li select{margin-left:0;}
em{display:block;font-size:12px;color:#777;font-style:normal;font-weight:normal;}
ul li div label{padding:3px 0;}
h1, h2{color:#4C566C;font-size:18px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.2);}
body .cancel{font-size:1em;text-shadow:none;}
body .back{left:0;right:0;font-size:1em;text-shadow:none;}

.ac-g{position:relative;font-weight:normal;font-size:1em;}
.ac-g .ac-hd{float:left;width:76px;}
.ac-g .ac-bd{margin-left:76px;}
.ac-gb{position:relative;}
.ac-gb > *{padding:0;margin:0;}
.ac-gb .ac-hd{float:left;width:33%;}
.ac-gb .ac-bd{float:left;width:34%;}
.ac-gb .ac-ft{float:left;width:33%;}
.ac-gb .cancel{font-weight:normal;position:relative;white-space:normal;height:auto;top:0;}
.ac-gc{position:relative;font-weight:normal;text-align:center;}
.ac-gc .ac-hd{float:left;width:50%;}
.ac-gc .ac-bd{float:left;width:50%;}

.btn{-webkit-border-radius: 8px;background-color:#CCC;line-height:1em;margin:0px;border:0;cursor:pointer;}
body .btn{padding:5px 15px;text-decoration:none;color:#000;font-weight:normal;}
a.btn-active{background-color:#666;}
.tvblogo{width:157px;height:35px;font-size:0;background:transparent url(../img/gif/logo_tvb.gif) no-repeat;}
.stlogo{width:120px;height:42px;font-size:0;background:transparent url(../img/gif/logo_st.gif) no-repeat;}
.rlogo{color:#FFF;line-height:30px;background:#000 url(../img/gif/logo_mytv.gif) no-repeat right center;position:relative;}
.rlogo .back{border:0;}
.msg{background-color:#E3E3E3;text-align:center;line-height:85px;}
.hidden{display:none;}
.nobr{border:0;}
.err-msg{color:#F00;}
/*
**
*/
.com-plan{position:relative;padding:10px;}
.com-plan h2{margin:0;padding:0;}
.com-plan p{font-size:12px;padding:3px 0 2px;}
.com-plan .btn{position:absolute;right:10px;bottom:10px;color:#000;text-decoration:none;padding:5px 15px;}
.com-plan .m{color:#FFF;font-size:14px;line-height:24px;position:absolute;right:-1px;top:10px;padding-left:20px;height:24px;background:#09F url(../img/gif/arrow2.gif) no-repeat left center;}
/*
**
*/
#hd{padding:8px 0;}
#hd .back{background:transparent none no-repeat center center;position:absolute;width:60px;height:30px;left:6px;top:8px;color:#000;}
#hd .back-zh-hant-hk,
#hd .back-zh-hans-hk{background-image:url(../img/gif/back-zh.png);}
#hd .back-en-hk{background-image:url(../img/gif/back-en.png);}
#stepnav{background-color:#000;color:#FFF;line-height:26px;}
#stepnav span{float:left;height:26px;background:#0099FF url(../img/gif/bg_step4.gif) no-repeat right center;padding:0 20px 0 10px;overflow:hidden;}
#stepnav.step1 span{background-image:url(../img/gif/bg_step1.gif);padding-right:145px;}
#stepnav.step2 span{background-image:url(../img/gif/bg_step2.gif);padding-right:102px;}
#stepnav.step3 span{background-image:url(../img/gif/bg_step3.gif);padding-right:62px;}
#stepnav.step4 span{background-image:url(../img/gif/bg_step4.gif);padding-right:18px;}
.failure #stepnav span{background-image:url(../img/gif/bg_step_err.gif);color:#FFF;background-color:#F00;}
/*
** login 
*/

.login{padding:15px 10px;}
.login ul.rounded{background-color:#0099FF;border:0px;}
.login .reme input{vertical-align:top;-webkit-baseline-middle:middle;}
.login ul.rounded li{border:0px;}
.login ul.rounded li:first-child .ac-gb{background-color:#000;color:#FFF;text-align:center;line-height:32px;height:32px;overflow:hidden;}
.login ul.rounded li:first-child .ac-gb .ac-hd{background:transparent url(../img/gif/logo_mytv.gif) no-repeat 3px center;min-width:85px;}
.login ul.rounded li:first-child .ac-gb .ac-bd{font-size:18px;font-weight:bold;}
.login ul.rounded li:first-child .ac-gb .ac-ft a{float:right;display:block;width:25px;margin:0;padding:0;padding-right:0px;background:transparent url(../img/gif/close.gif) no-repeat left center;}
.login ul.rounded li .item{padding:5px 12px;}
.login ul li.reg{text-align:center;}
.login ul li.reg p{padding:10px 0 5px;}
.login ul li.reg a.btn{padding:8px 15px;color:#000;text-decoration:none;}
.login ul li .item input[type="text"],
.login ul li .item input[type="password"]{width:98%;}
.login ul li .item.forget{padding-bottom:20px;font-size:12px;}
.login ul li .item.forget a{text-decoration:underline;}
.login ul li .item.loginid{padding-top:20px;}
.login ul li img{vertical-align:middle;}
.login.third ul li a{display:block;}
.login.third ul li.end .item{background-color:#FFF;}
.login.third ul li.end .item:last-child{padding-bottom:20px;}

.login .ac-g{padding:8px 0px;background-color:#F5F5F5;overflow:hidden;}
.login .ac-g .ac-hd{text-align:right;}
.login .ac-g .ac-bd{padding-left:10px;}
.login .forget .ac-bd{padding-left:90px;}
.login .forget .ac-bd a{line-height:2em;margin-right:0;}
.login .regbtn .ac-bd{padding:20px 10px;}
.login .regbtn2 {-webkit-border-radius: 12px;}
.login .regm .ac-g{border-bottom:1px solid #B4B4B4;color:#09F;padding-left:20px;}
.login li .item .newuser a{padding:5px 6px;}
.login .err-msg{color:#F00;}
.login.third ul li div.item:first-child{padding-top:20px;}
.login.third ul li div.item:last-child{padding-bottom:20px;}
/*
** choose model
*/
.cmodel{min-width:320px;}
.cmodel #bd{padding:15px 10px;}
.cmodel #bd ul.rounded{margin-bottom:15px;}
.cmodel #bd .arrow{position:relative;}
.cmodel #bd .arrow a{display:block;text-decoration:none;color:#000;font-weight:normal;font-size:12px;}
.cmodel #bd .arrow p{padding:7px 30px 0 0;white-space:normal;}
.cmodel #bd .arrow span.ui-icon-black{width:20px;}
.cmodel #bd .arrow span.ui-icon-arrow-r{position:absolute;right:10px;top:30px;}
.cmodel ul li a{color:#000;}
/*
** choose plan
*/
.cplan ul.rounded{margin:15px 10px;padding:0;}
.cplan ul li{padding:10px;border-top:1px solid #B4B4B4;}
.cplan ul li:first-child{font-size:14px;color:#0099FF;padding:15px 10px 10px;border:0;}
/*
** page information
*/
.uinfo ul.rounded{margin:15px 10px;padding:0;}
.uinfo ul.rounded li{border:0;padding:0 10px 10px;}
.uinfo ul.rounded li:first-child{padding:10px;color:#000;}
.uinfo ul.rounded li .item{padding:3px 0;}
.uinfo ul.rounded li .item:first-child{padding-top:15px;}
.uinfo ul.rounded li .pn{font-size:14px;line-height:20px;padding:15px 10px 15px;}
.uinfo ul.rounded li .pn .ac-hd{float:left;width:auto;min-width:80px;}
.uinfo ul.rounded li .pn .ac-bd{float:right;width:auto;min-width:80px;}
.uinfo ul.rounded li .pn a{text-decoration:none;padding:8px 15px 5px;color:#000;font-weight:normal;display:block;position:relative;white-space:normal;height:auto;top:0;}
.uinfo ul.rounded li.regm{border-bottom:1px solid #B4B4B4;color:#09F;}
.uinfo2 ul li:first-child{padding-top:10px;}
/*
** page plan confirmation
*/
.pconfirm ul.rounded{margin:15px 10px;padding:0;}
.pconfirm .com-plan{padding:10px;}
.pconfirm .com-plan em{display:inline;}
.pconfirm .com-plan .price{padding:5px 0;}
.pconfirm .com-plan .btn{bottom:5px;}
.pconfirm .ac-g .ac-hd{width:90px;}
.pconfirm .ac-g .ac-bd{margin-left:90px;}
.pconfirm .ac-gb{text-align:center;margin-top:15px;}
.pconfirm .ac-gb a{padding:5px 15px;}
.pconfirm .ac-gb .cancel{color:#000;font-weight:normal;position:relative;white-space:normal;height:auto;top:0;}
.pconfirm li{padding:0 10px;}
.pconfirm li .item{padding:10px 0 0;}
.pconfirm li.tit{color:#09F;font-size:14px;padding-bottom:8px;}
.pconfirm li.tit.nobr{padding-top:15px;}
.pconfirm li .item2{padding:0px 0 15px;}
.pconfirm li .edit{padding-top:7px;}
.pconfirm li .confirm{text-align:right;padding-top:0;}
/*
** page payment
*/
.pay ul.rounded{margin:15px 10px;padding:0;}
.pay li{padding:0px 10px;}
.pay li.tit{color:#09F;font-size:14px;padding-bottom:8px;}
.pay li .item{padding:5px 0;}
.pay li .ac-g .ac-hd{text-align:right;width:90px;}
.pay li .ac-g .ac-bd{margin-left:90px;padding-left:6px;}
.pay li .ac-bd input[type="text"]{width:90%;}
.pay li .cvv .ac-bd input{width:40px;}
.pay li.card{padding:10px 10px 15px;}
.pay li.atit{color:#666;padding-bottom:5px;}
.pay .ac-gb{text-align:center;margin-top:15px;}
.pay .ac-gb .ac-hd{width:33%;}
.pay .item .m{padding-left:2em;}
.pay ul li:first-child {border-bottom:1px solid #B4B4B4;}
.pay li.err-msg {border:0;color:#F00;padding-top:8px;}
/*
** page message
*/
.message ul.rounded{margin:15px 10px;padding:0;}
.message li{border:0;position:relative;padding:0 10px;}
.message ul li:first-child{padding-top:20px;}
.message ul li:last-child{padding:20px 10px;}
.message li{line-height:2em;font-size:14px;}
.message.success li p{text-align:center;text-align:center;}
.message.success li input{padding:3px 10px;margin:5px 0;}
.message.failure #stepnav span{}
.message.failure li.list{background:transparent url(../img/gif/bg_line1.gif) no-repeat 12px 1em;padding-left:25px;}
/*
**
*/
.ac-g:after,
.ac-gb:after,
.ac-gc:after,
#stepnav:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}